import 'package:flutter/material.dart';

class MyApp8 extends StatelessWidget {
  const MyApp8({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        //导航条
        appBar: AppBar(
          title: const Text('Column组件',
              style: TextStyle(
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                  color: Colors.white)),
          backgroundColor: Colors.pink,
          centerTitle: true,
        ),
        //主题区域
        body: Center(
            child: Container(
          color: Colors.cyan,
          width: 400,
          height: 400,
          child: Column(
            //设置主轴对齐方式
            mainAxisAlignment: MainAxisAlignment.center,
            //设置交叉轴对齐方式
            crossAxisAlignment: CrossAxisAlignment.center,
            //设置子组件的排列方向
            //verticalDirection: VerticalDirection.up,
            children: [
              Image.network(
                'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png',
                width: 200,
              ),
              const SizedBox(
                height: 10,
              ),
              const Text('美妆效果嘎嘎不卡粉末面刷'),
              const Padding(
                padding: EdgeInsets.only(top: 10),
                child: Text('¥99.90'),
              )
            ],
          ),
        )));
  }
}
